<!DOCTYPE html>
<html lang="zh-CN" ng-app="registerApp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>注册页面</title>
    <script src ="vue.js"></script>
    <script src="register.js"></script>
    <link rel="stylesheet" href="common/bootstrap.min.css">
    <link rel="stylesheet" href="css/layout/assets.css">
    <link rel="stylesheet" href="css/layout/layout.css">
    <link rel="stylesheet" href="css/plugs/buttons.css">
    <link rel="stylesheet" href="css/plugs/style.css">
    <link rel="stylesheet" href="css/register/register.css">
    <style>
        #PwdLvSpan{
            display:inline-block;
            width:100px;
            height: 5px;
            background: bisque;

        }
        #PwdLvSpan i{
            display: block;
            height: 5px;
            width: 0px;
            background: darkmagenta;
        }
    </style>
</head>
<body ng-controller="registerCtrl">
<div class="ct-container col-md-12">
    <header class="share-header col-md-12"></header>
    <div class="register-login-content col-md-12">
        <div class="paper-content">
            <header class="paper-header">Account Register</header>
            <form action="192.168.101.94:8080/api/user/add" method="post" onsubmit="eg.regCheck()">
                <ul class="form-place col-md-12" id="formplace">
                    <li style="margin-top:25px">
                        <div class="user-div">
                            <input name="username" id="username" type="text"
                                   placeholder="用户名：5~15个字符，不能有空格"
                                   >
                        </div>
                        <span class=""></span>
                    </li>
                    <li style="margin-top:25px">
                        <div class="displayname-div">
                            <input name="displayname" id="displayname" type="text"
                                   placeholder="昵称：5~15个字符，不能有空格"
                                   >
                        </div>
                        <span class=""></span>
                    </li>
                    <li>
                        <div class="password-div">
                            <input name="password" id="password" type="password" autocomplete="on"
                                   placeholder="密码：6~16个字符，首尾不能有空格" onkeyup="eg.addevent()"><br>
                                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            密码强度<span id="PwdLvSpan"><i id="PwdLv"></i></span>
                        </div>
                        <span class=""></span>
                    </li>
                    <li>
                        <div class="cpassword-div">
                            <input name="cpassword" id="confirmedPassword" autocomplete="on"
                                   type="password" placeholder="确认密码：请再次填写密码" ng-model="confirmedPassword">
                        </div>
                        <span class=""></span>
                    </li>
                    <li><div class="tel-div">
                        <input name="telephone" id="telnumber" autocomplete="on" type="text" placeholder="请输入手机号码">
                    </div>
                    </li>
                    <li>
                        <div class="sex-div">
                            <select>
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <button type="submit"
                                class="button button-caution button-box button-raised button-giant" id="submitbutton"
                                ">
                            <i class="fa">注册</i>
                        </button>

                    </li>
                </ul>
            </form>
        </div>
    </div>
    <footer class="share-footer col-md-12"></footer>
    <div id="error-box">
        <p id="error-info">出错了</p>
    </div>
</div>
</body>

</html>
